@mixin stbui-box {
  @for $i from 0 to 20 {
    .p-#{$i*2} {
      padding: $i * 2 + 0px;
    }

    .p-l-#{$i*2} {
      padding-left: $i * 2 + 0px;
    }

    .p-r-#{$i*2} {
      padding-right: $i * 2 + 0px;
    }

    .p-t-#{$i*2} {
      padding-top: $i * 2 + 0px;
    }

    .p-b-#{$i*2} {
      padding-bottom: $i * 2 + 0px;
    }

    .m-#{$i*2} {
      margin: $i * 2 + 0px;
    }

    .m-l-#{$i*2} {
      margin-left: $i * 2 + 0px;
    }

    .m-r-#{$i*2} {
      margin-right: $i * 2 + 0px;
    }

    .m-t-#{$i*2} {
      margin-top: $i * 2 + 0px;
    }

    .m-b-#{$i*2} {
      margin-bottom: $i * 2 + 0px;
    }
  }
}

@include stbui-box();
